$(function(){
    /*分页栏*/
    $('#myTabs a').click(function (e) {
        e.preventDefault()
        $(this).tab('show')
    })
    /*页面加载*/
    $(`#dian`).trigger("click");
    /*考勤处理页面*/
    /*第一个批准的模态框里填写信息确认正确与否*/
    $(`#myBtn`).click(function (){
        let i= document.querySelector("#inputPassword").value
        if (i=="潘先根"){
            $(`.tens`)[0].innerHTML=`<span class="glyphicon glyphicon-ok-circle" style="color: red"></span><span>已批准</span>`
            document.querySelector("#tishi").innerText=`填写正确！`
            $(`#myBtn`).attr("data-dismiss","modal")
        }else{
            document.querySelector("#tishi").innerText=`填写错误！请输入正确的管理员姓名`
        }
    })
    $(`#myBtnThree`).click(function (){
        let i= document.querySelector("#inputPasswordThree").value
        if (i=="潘先根"){
            $(`.tenss`)[0].innerHTML=`<span class="glyphicon glyphicon-ok-circle" style="color: red"></span><span>已批准</span>`
            document.querySelector("#tishiThree").innerText=`填写正确！`
            $(`#myBtnThree`).attr("data-dismiss","modal")
        }else{
            document.querySelector("#tishiThree").innerText=`填写错误！请输入正确的管理员姓名`
        }
    })
    /*驳回原因*/
    $(`#myBtnTwo`).click(function (){
        let i= document.querySelector("#inputPasswordTwo").value
        let a= document.querySelector("#inputPasswordTwoo").value
        if (i=="潘先根"){
            document.querySelector("#tishiTwo").innerText=`填写正确！`
            if (a!=""){
                $(`.tens`)[0].innerHTML=`<span class="glyphicon glyphicon-remove-circle" ></span><span>未批准:${a}</span>`
                $(`#myBtnTwo`).attr("data-dismiss","modal")
            }else{
                document.querySelector("#tishiTwoo").innerText=`不能为空，必填！`
            }
        }else{
            document.querySelector("#tishiTwo").innerText=`填写错误！请输入正确的管理员姓名`
        }
    })
    $(`#myBtnFour`).click(function (){
        let i= document.querySelector("#inputPasswordFour").value
        let a= document.querySelector("#inputPasswordFive").value
        if (i=="潘先根"){
            document.querySelector("#tishiFour").innerText=`填写正确！`
            if (a!=""){
                $(`.tenss`)[0].innerHTML=`<span class="glyphicon glyphicon-remove-circle" ></span><span>未批准:${a}</span>`
                $(`#myBtnFour`).attr("data-dismiss","modal")
            }else{
                document.querySelector("#tishiFive").innerText=`不能为空，必填！`
            }
        }else{
            document.querySelector("#tishiFour").innerText=`填写错误！请输入正确的管理员姓名`
        }
    })
    /*点击编辑获取value*/
    $(`.myChangeBtn`).click(function (){
        let a=$(`.myChangeBtn`).parent().siblings().eq(0).text()
        $(`.Num`).find("input").eq(0).attr("placeholder",a)
        let b=$(`.myChangeBtn`).parent().siblings().eq(1).text()
        $(`.Num`).find("input").eq(1).attr("placeholder",b)
        let c=$(`.myChangeBtn`).parent().siblings().eq(3).text()
        $(`.Num`).find("input").eq(2).attr("placeholder",c)
        let d=$(`.myChangeBtn`).parent().siblings().eq(4).text()
        $(`.Num`).find("input").eq(3).attr("placeholder",d)
        let e=$(`.myChangeBtn`).parent().siblings().eq(5).text()
        $(`.Num`).find("input").eq(4).attr("placeholder",e)
        let f=$(`.myChangeBtn`).parent().siblings().eq(2).text()
        $(`.Myse`).val(f)
    })
    /*点击提交更改*/
    $(`.MyBtnTen`).click(function (){
        for (let i = 0; i <$(`.MyValue`).length ; i++) {
            let a=$(`.MyValue`).eq(i).prop("value")
            if (a!="") {$(`.myChangeBtn`).parent().siblings().eq(i).text(a)}
        }
    })
    /**/
    $(`.myChangeBtnn`).click(function (){
        let a=$(`.myChangeBtnn`).parent().siblings().eq(0).text()
        $(`.NumTwo`).find("input").eq(0).attr("placeholder",a)
        let b=$(`.myChangeBtnn`).parent().siblings().eq(1).text()
        $(`.NumTwo`).find("input").eq(1).attr("placeholder",b)
        let c=$(`.myChangeBtnn`).parent().siblings().eq(3).text()
        $(`.NumTwo`).find("input").eq(2).attr("placeholder",c)
        let d=$(`.myChangeBtnn`).parent().siblings().eq(4).text()
        $(`.NumTwo`).find("input").eq(3).attr("placeholder",d)
        let e=$(`.myChangeBtnn`).parent().siblings().eq(5).text()
        $(`.NumTwo`).find("input").eq(4).attr("placeholder",e)
        let f=$(`.myChangeBtnn`).parent().siblings().eq(2).text()
        $(`.Myse`).val(f)
    })
    /**/
    $(`.MyBtnTen`).click(function (){
        for (let i = 0; i <$(`.MyValueTwo`).length ; i++) {
            let a=$(`.MyValueTwo`).eq(i).prop("value")
            if (a!="") {$(`.myChangeBtnn`).parent().siblings().eq(i).text(a)}
        }
    })
    /*教职工页面*/
    /*表格数据渲染*/
    let page = 1; // 初始页面
    let num = 6; // 每一页渲染6条数据
    let start = Math.ceil(Work_data.length / num);
    let end = Math.ceil(student_data.length / num);
    // 页面渲染
    draw(page);
    function draw(page) {
        $(".addTb").html("") // 清空前面渲染的数据
        // 截取数组,用于存放要渲染的数据
        let applyWork = Work_data.slice((page - 1) * num, (page - 1) * num + num);
        applyWork.forEach(item => {
            let str = "";
            str += `
                <tr>
                	<td>${item.Work_id}</td>
                	<td>${item.Work_name}</td>
                	<td>${item.Work_place}</td>
                    <td>
                        <button type="button" class="btn btn-primary btn-lg spanBtn" data-toggle="modal" data-target="#studentModal">
  查看
</button>
                    </td>
                </tr>
            `
            $(".addTb").append(str);
            /*点击一次重新写一次事件绑定，好获取*/
            $(`.spanBtn`).click(function (){
                var a=$(this).parent().siblings().eq(0).text()
                $(`.gongHao`).attr("placeholder",a)
                var b=$(this).parent().siblings().eq(1).text()
                $(`.xinMing`).attr("placeholder",b)
                var c=$(this).parent().siblings().eq(2).text()
                $(`.buMen`).val(c)
            })
        })
    }
    // 分页页面跳转
    function fenyeDraw() {
        let fenElement = "";
        for (let i = 1; i <= start; i++) {
            fenElement += `
                <li class="liNum Lii"><a href="#">${i}</a></li>
            `
        }
        $(".replacee").replaceWith(fenElement)
    }
    //事件委托
    $(".myull").on("click", ".liNum", function() {
        page = $(this).children().text()
        jump(page)
    })
    fenyeDraw()
    function jump(index) {
        page = index;
        draw(page);
    }
    // 上一页，下一页
    $(".spanLi").click(function() {
        if (page != 1) {
            page = page - 1;
            draw(page);
        }
        $('.pagination .Lii').removeClass('active');
        $('.pagination .Lii').eq(page-1).addClass('active')
    })
    $(".spanLii").click(function() {
        if (page < start) {
            page = page + 1;
            draw(page);
        }
        $('.pagination .Lii').removeClass('active');
        $('.pagination .Lii').eq(page-1).addClass('active')
    })
    /*点击效果*/
    $('.pagination .Lii').on('click',function () {
        $('.pagination .Lii').removeClass('active');
        $(this).addClass('active');
    });
    /*判断表格是否复合标准*/
    $(`.Delll`).click(function (){
        let a=$(".inputAdd").val()
        let b=$(".mingZi").val()
        let c=$(".secl").val()
        let d=$(".BeginTime").val()
        let e=$(".EndTime").val()
        let f=$(".ShenPi").val()
        let ret= /^\d{3}$/
        let ret2=/^[\u4e00-\u9fa5]{0,}$/
        let ret3=/^\d{4}-\d{1,2}-\d{1,2}/
        if (ret.test(a)){
            if (ret2.test(b)){
                if (ret3.test(d)){
                    if (ret3.test(e)){
                        if (ret2.test(f)){
                            if (a!=""&&b!=""&&d!=""&&e!=""&&f!=""){
                                let i={
                                    Work_id: a,
                                    Work_name: b,
                                    Work_place: c,
                                }
                                Work_data.push(i)
                                $(".inputAdd").val("")
                                $(".mingZi").val("")
                                $(".EndTime").val("")
                                $(".BeginTime").val("")
                                $(".ShenPi").val("")
                                $(".ShenPi").siblings().eq(0).text("")
                                $(".EndTime").siblings().eq(0).text("")
                                $(".BeginTime").siblings().eq(0).text("")
                                $(".mingZi").siblings().eq(0).text("")
                                $(".inputAdd").siblings().eq(0).text("")
                                alert("添加成功！")
                                $(".Delll").attr("data-dismiss","modal")
                            }else{
                                alert("审批人必填！！")
                            }
                        }else{
                            $(".ShenPi").siblings().eq(0).text("请输入正确名字！")
                            alert("修改失败")
                        }
                    }
                    else{
                        $(".EndTime").siblings().eq(0).text("请输入正确日期格式xxxx-xx-xx！")
                        alert("修改失败")
                    }
                }else{
                    $(".BeginTime").siblings().eq(0).text("请输入正确日期格式xxxx-xx-xx！")
                    alert("修改失败")
                }
            }else{
                $(".mingZi").siblings().eq(0).text("请输入正确名字！")
                alert("修改失败")
            }
        }else {
            $(".inputAdd").siblings().eq(0).text("请输入正确的三位数字工号！")
            alert("修改失败")
        }

    })
    /*学生页面*/
    /*学生页面渲染*/
    draww(page)
    function draww(page) {
        $(".addTbb").html("") // 清空前面渲染的数据
        // 截取数组,用于存放要渲染的数据
        let applyWork = student_data.slice((page - 1) * num, (page - 1) * num + num);
        applyWork.forEach(item => {
            let str = "";
            str += `
                <tr>
                	<td>${item.student_id}</td>
                	<td>${item.student_name}</td>
                	<td>${item.student_teacher}</td>
                    <td>
                        <button type="button" class="btn btn-primary btn-lg spanBtn" data-toggle="modal" data-target="#studentModal">
  查看
</button>
                    </td>
                </tr>
            `
            $(".addTbb").append(str);
            /*点击一次重新写一次事件绑定，好获取*/
            $(`.spanBtn`).click(function (){
                var a=$(this).parent().siblings().eq(0).text()
                $(`.gongHao`).attr("placeholder",a)
                var b=$(this).parent().siblings().eq(1).text()
                $(`.xinMing`).attr("placeholder",b)
                var c=$(this).parent().siblings().eq(2).text()
                $(`.buMen`).val(c)
            })
        })
    }
    /*分页页面跳转*/
    function fenyeDra() {
        let fenElement = "";
        for (let i = 1; i <= end; i++) {
            fenElement += `
                <li class="liNum Liii"><a href="#">${i}</a></li>
            `
        }
        $(".replace").replaceWith(fenElement)
    }
    //事件委托
    $(".myulll").on("click", ".liNum", function() {
        page = $(this).children().text()
        jumpp(page)
    })
    fenyeDra()
    function jumpp(index) {
        page = index;
        draww(page);
    }
    // 上一页，下一页
    $(".spanLii").click(function() {
        if (page != 1) {
            page = page - 1;
            draw(page);
        }
        $('.pagination .Liii').removeClass('active');
        $('.pagination .Liii').eq(page-1).addClass('active')
    })
    $(".spanLiii").click(function() {
        if (page < start) {
            page = page + 1;
            draw(page);
        }
        $('.pagination .Liii').removeClass('active');
        $('.pagination .Liii').eq(page-1).addClass('active')
    })
    /*点击效果*/
    $('.pagination .Liii').on('click',function () {
        $('.pagination .Liii').removeClass('active');
        $(this).addClass('active');
    });
})